<!DOCTYPE html> 
<html lang="zh" > 
<head> 
<title>Bootstrap 101 Template</title> 
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/> 
<link rel="stylesheet" href="css/mystyle.css">

</head> 
<body> 


<div class="container">
    <ul class="nav nav-pills" >
        <li @if (@ViewContext.RouteData.GetRequiredString("controller") == "Home") { @Html.AttributeEncode("class=active"); }><a href="#">Home</a></li>
        <li  data-toggle='mynav'  ><a href="#">Home</a></li>
        <li data-toggle='mynav'><a href="#" >Help</a></li>
        <li class="dropdown" data-toggle='mynav'>
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">
            Dropdown <span class="caret"></span>
          </a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>
   
    <h1>Hello, world!</h1>
    <a href="" class="btn btn-info">我是按钮</a> 
    <button type="button" class="btn btn-default">Default</button>
       <div class="nav-collapse">
                <ul class="nav nav-pills " id="">
                    <li id="home" ><a href="~/Home/Index">Home</a></li>
                    <li id="home1"><a href="#">Project</a></li>
                    <li><a href="#">Customer</a></li>
                    <li><a href="#">Staff</a></li>
                    <li  id="broker"><a href="~/Home/Broker">Broker</a></li>
                    <li><a href="#">Sale</a></li>
                </ul>
</div>
   
   
   
          
          
          
</div>



<script src="js/jquery.js"></script> 
<script src="bootstrap/js/bootstrap.min.js"></script> 


<script>

 $(document).ready(function () {
        $('#home').addClass('active');
        $('#home1').addClass('active');
        $('#home').removeClass('active');
    });
//
//  $('.nav li a').click(function(e) {
//      var $this = $(this);
//  if (!$this.hasClass('active')) {
//     $this.addClass('active');
//  }
//   e.preventDefault();
//});





</script>
</body> 
</html>

